.tc {
  text-align: center;
}

.height(@arguments) {
  height: @arguments;
}

.width(@arguments) {
  width: @arguments;
}

.padding-lr(@arguments) {
  padding-left: @arguments;
  padding-right: @arguments;
}

.padding-lr(@argl, @argr) {
  padding-left: @argl;
  padding-right: @argr;
}

.padding-tb(@arguments) {
  padding-top: @arguments;
  padding-bottom: @arguments;
}

.padding-tb(@argt, @argb) {
  padding-top: @argt;
  padding-bottom: @argb;
}

.margin-lr(@arguments) {
  margin-left: @arguments;
  margin-right: @arguments;
}

.margin-lr(@argl, @argr) {
  margin-left: @argl;
  margin-right: @argr;
}

.margin-tb(@arguments) {
  margin-top: @arguments;
  margin-bottom: @arguments;
}

.margin-tb(@argt, @argb) {
  margin-top: @argt;
  margin-bottom: @argb;
}

.font-size(@arguments) {
  font-size: @arguments;
}

.font-color(@arguments) {
  color: @arguments;
}

// 容器居中
.BoxAlignCenter(@w:0,@h: 0) {
  position: fixed;
  height: @h;
  margin-top: -(@h/2);
  width: @w;
  margin-left: -(@w/2);
  top: 50%;
  left: 50%;
}

// 背景图片平铺
.bgTile(@url, @color:#eee) {
  background-color: #eee;
  background-image: url(@url);
}

// 背景图片拉伸
.bgStretch(@url, @color:#eee) {
  .bgTile(@url, @color);
  background-repeat: no-repeat;
  background-position: center;
  background-attachment: fixed;
  background-size: 100% 100%;
  repeat-x: #FFFFFF;
}

// 圆角阴影
.RoundedShadow(@color:#eee) {
  background: @color;
  background: -moz-linear-gradient(top, #fff, #efefef 8%);
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#f6f6f6), to(#f4f4f4));
  border-radius: 8px;
  box-shadow: 0 0 15px #222;
  border: 1px solid #fff;
}